<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

	<ui:composition 
	  xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    	
  	  <link rel="stylesheet" type="text/css" href="./estilos.css"/>
  	  
<h:form id="formDiametroOsseo" > 
<p:messages id="messagesDiametroOsseo" autoUpdate="true" closable="true"/>  
<h:panelGroup id="pgDiametroOsseo">
	<p:panelGrid columns="1" style="width:100%; text-align:left; float:left; margin-bottom:15px; border-style:hidden; border-width:1px" >
		<f:facet name="header">
			<h:outputLabel value="Diâmetro Ósseo (cm)"  style="text-align:left; float:left; font-size:16px"/>
		</f:facet>
	</p:panelGrid>
	<h:panelGrid id="panelGridDOsseo" columns="4" >			
		<h:outputLabel value="Tornozelo*" styleClass="outputLabel" style="float:right; text-align:right"/>			
		<p:inputText value="#{avaliacaoFisicaBean.diametroOsseo.DOTornozelo}" maxlength="5" styleClass="inputId" style="float:left">
			<f:convertNumber type="number"/>
			<p:ajax listener="#{avaliacaoFisicaBean.verificaDiametroOsseo}" update="panelGridDOsseo"/>
		</p:inputText>		
		<h:outputLabel value="Joelho*" styleClass="outputLabel" style="float:right; text-align:right"/>
		<p:inputText value="#{avaliacaoFisicaBean.diametroOsseo.DOJoelho}" maxlength="5" styleClass="inputId" style="float:left">
			<f:convertNumber type="number"/>
			<p:ajax listener="#{avaliacaoFisicaBean.atualizaPesoOsseoMuscular}" 
					update=":formTemplate:formAvFisica:tabView:tabViewAvFisica:formResultado:piePesoCorporal, 
							:formTemplate:formAvFisica:tabView:tabViewAvFisica, panelGridDOsseo"/>
		</p:inputText>						
		<h:outputLabel value="Cotovelo*" styleClass="outputLabel" style="float:right; text-align:right"/>
		<p:inputText value="#{avaliacaoFisicaBean.diametroOsseo.DOCotovelo}" maxlength="5" styleClass="inputId" style="float:left">
			<f:convertNumber type="number"/>
			<p:ajax listener="#{avaliacaoFisicaBean.verificaDiametroOsseo}" update="panelGridDOsseo"/>
		</p:inputText>			
		<h:outputLabel value="Punho*" styleClass="outputLabel" style="float:right; text-align:right"/>
		<p:inputText value="#{avaliacaoFisicaBean.diametroOsseo.DOPunho}" maxlength="5" styleClass="inputId" style="float:left">
			<f:convertNumber type="number"/>
			<p:ajax listener="#{avaliacaoFisicaBean.atualizaPesoOsseoMuscular}" 
					update=":formTemplate:formAvFisica:tabView:tabViewAvFisica:formResultado:piePesoCorporal, 
							:formTemplate:formAvFisica:tabView:tabViewAvFisica, panelGridDOsseo"/>
		</p:inputText>
	</h:panelGrid>
	<h:outputLabel value="*Campos obrigatórios." />
</h:panelGroup>
</h:form>  	
</ui:composition>
